import React from 'react';
import { BrowserRouter as Router, Routes, Route, Navigate } from 'react-router-dom';
import AuthContainer from './components/AuthContainer';
import LandingPage from './components/LandingPage';
import Dashboard from './components/Dashboard';
import Timeline from './components/Timeline';
import Albums from './components/Albums';
import SocialFeed from './components/SocialFeed';
import Upload from './components/Upload';
import Profile from './components/Profile';
import Settings from './components/Settings';
import AIVideoGenerator from './components/AIVideoGenerator';
import AIAssistant from './components/AIAssistant';
import './App.css';
import './i18n';

function App() {
  return (
    <Router>
      <div className="App">
        <Routes>
          <Route path="/" element={<LandingPage />} />
          <Route path="/auth" element={<AuthContainer />} />
          <Route path="/dashboard" element={<Dashboard />} />
          <Route path="/timeline" element={<Timeline />} />
          <Route path="/timeline/:year/:month" element={<Timeline />} />
          <Route path="/albums" element={<Albums />} />
          <Route path="/albums/:id" element={<Albums />} />
          <Route path="/social" element={<SocialFeed />} />
          <Route path="/upload" element={<Upload />} />
          <Route path="/ai" element={<AIVideoGenerator />} />
          <Route path="/profile" element={<Profile />} />
          <Route path="/settings" element={<Settings />} />
          <Route path="/photo/:id" element={<Timeline />} />
          <Route path="*" element={<Navigate to="/" replace />} />
        </Routes>
        <AIAssistant />
      </div>
    </Router>
  );
}

export default App;